<template>
	<view style="height: 100vh; background: #181818;">
		<!--标题-->
		<bakc :text="chemicalName" :isReturn='true' />
		
		
		<view style="height: 50rpx;"></view>
		<!--HCHO-->
		<view  class="tip" v-if="chemicalName.indexOf('甲醛') > -1">
			<!--第一个tip-->
			<view >
				<image src="https://yaolupail.obs.cn-east-3.myhuaweicloud.com/hjsbjj/formaldehyde.png?AccessKeyId=LYTX473LFFD5QZN2ZLAR&Expires=1731132208&Signature=5gqpm63UjP1grifF4XJl4HYfx/Q%3D" style="width:700rpx; height: 600rpx; "/>
			</view>
		</view>


		<!--二氧化碳-->
		<view  class="tip" v-if="chemicalName.indexOf('二氧化碳') > -1">
			<!--第一个tip-->
			<view >
				<image src="https://yaolupail.obs.cn-east-3.myhuaweicloud.com:443/hjsbjj/voc.png?AccessKeyId=LYTX473LFFD5QZN2ZLAR&Expires=1731131998&Signature=3GOvi0rPspXAu94SGT7L7HduHKY%3D" style="width:700rpx; height: 680rpx;" />
			</view>
		</view>



		<!--TVOC-->
		<view class="tip" v-if="chemicalName.indexOf('总挥发') > -1">
			<!--第一个tip-->
			<view >
				<image src="https://yaolupail.obs.cn-east-3.myhuaweicloud.com:443/hjsbjj/voc.png?AccessKeyId=LYTX473LFFD5QZN2ZLAR&Expires=1731132112&Signature=mabXkhBbqPA9roTcBRU5GULhIdM%3D"  style="width:700rpx; height: 570rpx;"/>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				chemicalName: "TVOC",
			}
		},

		onLoad(options) {
			// uni.hideTabBar();
			// console.log(options);
			this.chemicalName = options.chemicalName;
			console.log("----->", this.chemicalName);
		},

		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.tip {
		color: white;
		display: flex;
		justify-content: center;

		.hight-20-r {
			height: 50rpx;
		}
	}
</style>